.input-chrono__container {
	position: relative;
	margin: 6px auto;

	.gridicons-calendar {
		color: lighten( $gray, 20% );
		z-index: z-index( '.popover', '.input-chrono__container .gridicons-calendar' );
		font-size: 8px;
		width: 20px;
		position: absolute;
			left: 5px;
			top: 5px;
	}
}

.text-chrono,
input.input-chrono {
	width: 100%;
	height: 36px;
	line-height: 36px;
	padding: 0 10px;
	border: 1px solid lighten( $gray, 30% );
	box-sizing: border-box;
	background-color: $transparent;
	color: $gray-text-min;
	font-size: 12px;
	text-align: left;
	position: relative;
	z-index: z-index( '.popover', 'input.input-chrono' );
}

.text-chrono {
	border: 0;
}
